<script setup>
import { useRouter } from 'vue-router'
const router = useRouter()
function goOrder() { router.push('/order/list') }
function goUser() { router.push('/user/list') }
function goFinance() { router.push('/order/list') } // 示例，实际可改财务路由
</script>
<template>
  <div>
    <div class="quick-title">快捷入口</div>
    <el-button type="primary" icon="el-icon-s-order" plain class="quick-btn" @click="goOrder">订单管理</el-button>
    <el-button type="success" icon="el-icon-user" plain class="quick-btn" @click="goUser">用户管理</el-button>
    <el-button type="warning" icon="el-icon-s-finance" plain class="quick-btn" @click="goFinance">财务报表</el-button>
    <el-divider />
  </div>
</template>
<style scoped>
.quick-title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 8px;
}
.quick-btn {
  margin: 8px 0;
  width: 100%;
  border-radius: 8px;
  transition: box-shadow 0.2s;
}
.quick-btn:hover {
  box-shadow: 0 2px 8px 0 rgba(64,158,255,0.10);
}
</style> 